//轮播图部分代码编写
(function() {
    //得到元素
    var carousel_list = document.getElementById('carousel_list');
    var left_btn = document.getElementById('left_btn');
    var right_btn = document.getElementById('right_btn');
    //克隆第一个li
    var clone_li = carousel_list.firstElementChild.cloneNode(true);
    //孤儿结点上树
    carousel_list.appendChild(clone_li);

    //当前正在显示的图片序号 从0开始
    var idx = 0;
    //右击按钮事件监听
    right_btn.onclick = function() {
            //右按钮点击加一
            idx++;
            //拉动
            carousel_list.style.transform = 'translateX(' + -16.66 * idx + '+%)';
        }
        //判断是否是最后一张  如果是最后一张 那么就要瞬间移动回来
    if (idx > 4) {
        setTimeout(function() {
            //去掉过渡
            carousel_list.style.transition = 'none';
            //删除transform属性 
            carousel_list.style.transform = 'none';
            idx = 0;
        }, 500)
    }

})()